<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<html>
<head>
    <title>用户登录</title>
    <style>
        body {
            background-color: honeydew;
        }

        div {
            /* 宽度 */
            width: 600px;
            /* 高度 */
            height: 300px;
            /* 边框 */
            /* border: 1px solid salmon; */
            /* 居中 */
            margin: 0px auto;
        }

        input {
            /* 块状显示 */
            display: block;
            /* 宽度 */
            width: 400px;
            /* 高度 */
            height: 40px;
            /* 左边留白 */
            margin-left: 50px;
            /* 上边留白 */
            margin-top: 50px;
            /* 字体大小 */
            font-size: 30px;
            /* 字体颜色 */
            color: gray;
            /* 边框颜色 */
            border: 2px solid skyblue;
            /* 圆角 */
            border-radius: 10px;
        }

        input:last-child {
            /* 宽度 */
            width: 510px;
            /* 字体大小 */
            font-size: 20px;
            /* 背景颜色 */
            background-color: skyblue;
        }

        h1 {
            /* 文本居中 */
            text-align: center;
            /* 局顶部的留白 */
            margin-top: 140px;
        }
    </style>
</head>
<body>
${requestScope.msg}
<h1>登录页面</h1>
<div id="login_box" >
    <form action="/login">
        <input type="text" name="username" placeholder="请输入用户名">
        <input type="password" name="password" placeholder="请输入密码">
        <input type="submit" value="登录">
    </form>
</div>
<script>
    function reloadCheckImg(){
        $("#code").attr("src","/genCode?t="+(new Date().getTime()));
    }

</script>
</body>
</html>
